.list-group-item {
  background-color: $list-group-bg;
  border: 1px solid $list-group-border;
  &.disabled,
  &.disabled:hover,
  &.disabled:focus {
    color: $list-group-disabled-color;
    background-color: $list-group-disabled-bg;
    .list-group-item-heading {
      color: inherit;
    }
    .list-group-item-text {
      color: $list-group-disabled-text-color;
    }
  }
  &.active,
  &.active:hover,
  &.active:focus {
    color: $list-group-active-color;
    background-color: $list-group-active-bg;
    border-color: $list-group-active-border;
    .list-group-item-heading,
    .list-group-item-heading > small,
    .list-group-item-heading > .small {
      color: inherit;
    }
    .list-group-item-text {
      color: $list-group-active-text-color;
    }
  }
}

.list-group.bottom-line {
  .list-group-item {
    border-bottom: 1px solid $list-group-border;
  }
}
.list-group.bottom-line-dashed {
  .list-group-item {
    border-bottom: 1px dashed $list-group-border;
  }
}

a.list-group-item,
button.list-group-item {
  color: $list-group-link-color;

  .list-group-item-heading {
    color: $list-group-link-heading-color;
  }

  // Hover state
  &:hover,
  &:focus {
    color: $list-group-link-hover-color;
    text-decoration: none;
    background-color: $list-group-hover-bg;
  }
}

@include list-group-item-variant(primary, $brand-primary, $white-color);
@include list-group-item-variant(success, $brand-success, $white-color);
@include list-group-item-variant(info, $brand-info, $white-color);
@include list-group-item-variant(warning, $brand-warning, $white-color);
@include list-group-item-variant(danger, $brand-danger, $white-color);
